﻿html, body { width:100%; height:100%; }
body { background:url(images/bg.jpg); background-size:100% 100%; overflow:hidden; font-family:'Microsoft YaHei'; margin:0; }
.clear { clear: both; }
.clearfix{*zoom:1;}
.wall { width:100%; height:100%; overflow:hidden; position:relative; }
.wall .couple-info { width:161px; height:161px;  position:absolute; left:44px; top:45px; }
.wall .couple-info .pic { width:160px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.wall .couple-info .pic img { width:100%; border:1px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.wall .couple-info .name { color:#fff; font-size:16px; margin-top:10px; line-height:20px; padding-left:10px; }
.wall .background { margin:45px 50px 0 235px; overflow:hidden; position:relative; border:1px solid #a12811; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:rgba(0, 0, 0, .3); }
.wall .bless-box { position:absolute; left:0; top:0; }
.wall .bless-box .bless { position:relative; padding:5px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
                          background:-ms-linear-gradient(top, #ffefbf, #ffdb6d);
                          background:-moz-linear-gradient(top,#ffefbf, #ffdb6d);
                          background:-webkit-gradient(linear, left top, left bottom, from(#ffefbf), to(#ffdb6d));
                          margin:40px 20px 20px 90px;
                          float:left;
}
.wall .bless .mc { position:absolute; border-width:8px; border-style:dashed solid dashed dashed; border-color:transparent #ffe79d transparent transparent; left:-16px; top:50%; margin-top:-8px; }
.wall .bless .head { width:60px; height:80px; position:absolute; left:-80px; margin-left:5px; top:0; overflow:hidden; }
.wall .bless .head .name {
    width:100%; position:absolute; left:0; bottom:0; 
    height:30px; line-height:30px; overflow:hidden; text-align:center;  color:#fff; font-size:16px;
    border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;
}
.wall .bless .head img { width:60px; height:60px; border:none; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.wall .bless .text { line-height:20px; font-size:20px; }
.candle { width:212px; height:295px; position:fixed; left:0; bottom:0; background:url(images/candle.png) no-repeat; }
.oper-layer { height:32px; width:120px; list-style:none; position:absolute; left:100%; margin-left:-23px; bottom:5px; z-index:40; padding:0; line-height:32px;
              background:-ms-linear-gradient(top, #fe5555, #dc060d);
              background:-moz-linear-gradient(top,#fe5555, #dc060d);
              background:-webkit-gradient(linear, left top, left bottom, from(#fe5555), to(#dc060d)); 
              border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
              color:#fff; cursor:pointer;
}
.oper-layer i { margin-right:20px; font-style:normal; }
.join-background { width:100%; height:100%; overflow:hidden; position:absolute; left:100%; top:0; z-index:3; }
.join-background .join-title { width:631px; height:129px; margin:40px auto 0; background:url(images/title.png) no-repeat 0 0; }
.joined { position:relative; margin:40px auto; zoom:1; height:290px; width:840px; }
.joined .main-cover { position:absolute; top:14px; height:260px; width:840px; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.joined .main-cover ul { width:1160px; position:absolute; left:0; top:0; list-style:none; padding:0; margin:0; }
.joined .main-cover ul li { width:260px; position:relative; margin-right:30px; float:left; height:260px; overflow:hidden; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.joined .main-cover ul li img { width:200px; height:200px; }
.joined .left-cover, .joined .right-cover { width:244px; height:260px; position:absolute; top:14px; background:url(images/cover.png) no-repeat; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.joined .left-cover { left:0; }
.joined .right-cover { right:0; background-position:100% 0; }
.joined .current { width:287px; height:287px; position:absolute; left:50%; top:0; margin-left:-143.5px; background:url(images/current.png) no-repeat 0 0; }
.joined .pop-current { position:relative; margin:0 auto; width:260px; height:260px; box-shadow:0 0 4px 4px rgba(0, 0,0, .2); -webkit-box-shadow:0 0 4px 4px rgba(0, 0,0, .2); -moz-box-shadow:0 0 4px 4px rgba(0, 0,0, .2); }
.joined .pop-current img { width:100%; height:100%; }
.button { background:url(images/buttons.png) no-repeat 0 0; width:261px; height:81px; margin:20px auto 0; cursor:pointer; }
.button.stop { background-position:0 -81px; }

/*footer*/
#footer {background-color:#e3e3e5;border-top:1px solid #b5b5b5;height:50px;text-align:center;margin-bottom: 1px;position:absolute; width: 100%; top:expression(document.body.clientHeight-this.style.pixelHeight+document.body.scrollTop)}
#footer p {margin-top:10px;color:#555;font-size:12px;text-shadow:1px 1px 0 #fff;font-family:'Microsoft Yahei';}
#footer p a {font-size:14px;color:#555;text-shadow:none;}
#footer p img.unicom{vertical-align:middle;margin-right:5px;}
#footer .icon{ margin-right: 5px;vertical-align: -3px;}